﻿<template>
  <el-input-number v-model="num1" @change="handleChange" :min="1" :max="10" label="数字输入框"></el-input-number>
  <el-input-number v-model="num2" :disabled="true"></el-input-number>
  <el-input-number v-model="num3" :step="2"></el-input-number>
  <el-input-number v-model="num4" :step="2" step-strictly></el-input-number>
  <el-input-number v-model="num5" :precision="2" :step="0.1"  :max="10" ></el-input-number>
  <el-input-number v-model="num6"  controls-position="right"  @change="handleChange" :min="1" :max="10"  ></el-input-number>
</template>
<script>
  export default {
    data() {
      return {
        num1: 1,
        num2: 1,
        num3: 1,
        num4: 1,
        num5: 1,
        num6: 1,
      }
    },
    methods: {
      handleChange(value) {
        console.log(value)
      },
    },
  }
</script>
